Page({
  data: {
    dialogVisible: false,
    list: [],
    isFristLoad: true,
  },

  // 页面显示，获取房屋列表
  onShow() {
    this.getList()
  },
  // 获取房屋列表
  async getList() {
    const res = await wx.http.get('/room')
    this.setData({
      list: res.data,
      isFristLoad: false,
    })
  },

  async swipeClose(ev) {
    // instance  滑动单元格的实例
    const { position, instance } = ev.detail

    if (position === 'right') {
      // 显示 Dialog 对话框 - 方便，适用与简单业务场景
      const res = await wx.showModal({
        content: '是否删除已绑定房屋？',
        showCancel: true,
        cancelText: '取消',
        cancelColor: '#999',
        confirmText: '删除',
        confirmColor: '#5591af',
      })
      // swiper-cell 滑块关闭
      instance.close()
      // console.log(res)
      if (res.confirm) {
        // 前端乐观UI更新(请求失败概率较少，直接前端先更新界面)
        this.setData({
          list: this.data.list.filter((v) => v.id !== ev.mark.id),
        })
        await wx.http.delete(`/room/${ev.mark.id}`)
      }
    }
  },

  goDetail(ev) {
    wx.navigateTo({
      // 传递房屋 id 参数，用于详情页查询 ?id=房屋id
      url: '/house_pkg/pages/detail/index?id=' + ev.mark.id,
    })
  },

  addHouse() {
    wx.navigateTo({
      url: '/house_pkg/pages/locate/index',
    })
  },
})
